<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8"/>
    <meta name='description' content='CNode：Node.js专业中文社区'>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="nodejs, node, express, connect, socket.io"/>
    <link rel="icon" href="//o4j806krb.qnssl.com/public/images/cnode_icon_32.png" type="image/x-icon"/>
    <title>CNode：Node.js专业中文社区</title>
    <link rel="stylesheet" href="assets/lib/seedsui/seedsui.min.css">
    <script src="assets/lib/zepto/zepto.min.js"></script>
    <script src="assets/lib/artTemplate/template-web.js"></script>
    <style>
        .dot{
            background-color: red;;
        }
    </style>
</head>
<body>
<div id="section_container">
    <header>
        <div class="titlebar">
            <a data-toggle="back" href="javascript:history.go(-1);">
                <i class="icon icon-arrowleft"></i>
            </a>
            <h1 class="titlebar-title text-center">消息</h1>

        </div>
    </header>
    <article id="main_content">

    </article>
    <footer>
        <ul class="tabbar tabbar-footer">
            <li class="tab"  page="index.html">
                <i class="icon icon-home"></i>
                <label class="tab-label">首页</label>
            </li>
            <li class="tab" page="message.html">
                <i class="icon icon-chat"></i><span class="dot top right"></span>
                <label class="tab-label">消息</label>
            </li>
            <li class="tab" page="user.html">
                <i class="icon icon-person"></i>
                <label class="tab-label">我的</label>
            </li>
        </ul>
    </footer>
    <!-- 加载遮罩 -->
    <div class="loading" id="ID-Loading" style="display: none;background-color: white;">
        <div class="loading-progress-box">
            <div class="loading-progress"></div>
        </div>
    </div>
</div>
<script id="messageTemplate" type="text/html">
    <ul class="tabbar tabbar-line animated">
        <li class="tab active">
            <label class="tab-label">已读消息</label>
        </li>
        <li class="tab">
            <label class="tab-label">未读消息</label>
        </li>
    </ul>
</script>

<script src="assets/lib/seedsui/seedsui.min.js"></script>
<script src="assets/js/common.js"></script>
<script>
    //隐藏遮罩
    var loading=new Loading({
        container:"#ID-Loading"
    });
    setTimeout(function(){
        loading.hide();
    },500);

    $('document').ready(function () {
        //alert('123');
            var data = localStorage.getItem('accessToken');
            $.ajax({
            type : "POST",
            url:'https://cnodejs.org/api/v1/accessToken',
            data:"accessToken="+data,
            dataType:"json",
            success: function(data){
                if (data.success){
                    alert('123');

                }else{
                    var popAlert=new Alert("操作失败，请登录",{"title":false});
                    popAlert.show();
                }
            }
        });
    })


</script>
</body>
</html>